{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "foundation/base.html" %}

{% block page_title %}List of Mozilla Trademarks{% endblock %}

{% block article_title %}
  Mozilla Trademarks List
{% endblock %}

{% block article_content %}
  <p>To the extent a name or logo does not appear on the list below, this does not constitute
a waiver of any and all intellectual property rights that Mozilla or its subsidiaries has
established in any of its products, features, service names, or logos.</p>

  <p>See below for sample attribution notices.</p>

  <h2>Wordmarks</h2>

  <ul class="mzp-u-list-styled">
    <li>Anonym</li>
    <li>Bugzilla</li>
    <li>Camino</li>
    <li>Fakespot</li>
    <li>Firebug</li>
    <li>Firefox</li>
    <li>Firefox Developer Edition</li>
    <li>Firefox Focus</li>
    <li>Firefox Friends</li>
    <li>Firefox Nightly</li>
    <li>Firefox OS</li>
    <li>Firefox Rocket</li>
    <li>Foxkeh</li>
    <li>Lightbeam</li>
    <li>MDN</li>
    <li>Minimo</li>
    <li>Mozilla</li>
    <li>Mozilla Communities</li>
    <li>Mozilla Reps</li>
    <li>Mozilla Webmaker</li>
    <li>Mozilla Wordmark</li>
    <li>Mozilla Wordmark + Symbol</li>
    <li>Mozillians</li>
    <li>Pontoon</li>
    <li>QMO</li>
    <li>SUMO</li>
    <li>Sunbird</li>
    <li>Thunderbird</li>
    <li>View Source</li>
    <li>XUL</li>
  </ul>

  <h2>Logos</h2>
  <table class="mzp-u-data-table">
    <tr>
      <td><img width="100" height="100" alt="Bugzilla logo™" src="{{ static('img/trademarks/bugzilla-tm.png') }}"></td>
      <th>Bugzilla</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Camino logo®" src="{{ static('img/trademarks/camino-logo-r.png') }}"></td>
      <th>Camino</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Campus Reps logo™" src="{{ static('img/trademarks/campusreps-logo.png') }}"></td>
      <th>Campus Reps</th>
    </tr>
    <tr>
      <td><img width="100" alt="Common Voice logo™" src="{{ static('img/trademarks/common-voice_logo.png') }}"></td>
      <th>Common Voice</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Creative Collective logo™" src="{{ static('img/trademarks/creativecollective-logo.png') }}"></td>
      <th>Creative Collective</th>
    </tr>
    <tr>
      <td>
        <img width="100" height="100" alt="Firefox logo" src="{{ static('protocol/img/logos/firefox/browser/logo.svg') }}">
      </td>
      <th>Firefox</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Firefox Developer Edition logo™" src="{{ static('protocol/img/logos/firefox/browser/developer/logo.svg') }}"></td>
      <th>Firefox Developer Edition</th>
    </tr>
    <tr>
      <td>
        <img width="100" height="100" alt="Firefox Focus Logo™" src="{{ static('protocol/img/logos/firefox/browser/focus/logo.svg') }}">
      </td>
      <th>Firefox Focus</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Firefox Friends logo™" src="{{ static('img/trademarks/firefox-friends-logo.png') }}"></td>
      <th>Firefox Friends</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Nightly logo™" src="{{ static('protocol/img/logos/firefox/browser/nightly/logo.svg') }}"></td>
      <th>Firefox Nightly</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Firefox OS logo" src="{{ static('img/trademarks/FirefoxOS_logo-wordmark.png') }}"></td>
      <th>Firefox OS</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Firefox Rocket Logo™" src="{{ static('img/trademarks/logo-rocket-high-res.png') }}"></td>
      <th>Firefox Rocket</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Foxkeh logo®" src="{{ static('img/trademarks/foxkeh-logo-r.png') }}"></td>
      <th>Foxkeh</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="G-Fox logo®" src="{{ static('img/trademarks/gfox-logo-r.png') }}"></td>
      <th>G-Fox</th>
    </tr>
    <tr>
      <td>
        {{ resp_img(
          url='img/trademarks/lightbeam-logo.png',
          srcset={
            'img/trademarks/lightbeam-logo-high-res.png': '2x'
          },
          optional_attributes={
            'alt': 'Lightbeam logo',
            'width': '100',
            'height': '100'
          }
        ) }}
      </td>
      <th>Lightbeam</th>
    </tr>
    <tr>
      <td id="communities"><img width="130" height="100" alt="Mozilla Communities logo™" src="{{ static('img/trademarks/community-logo.png') }}"></td>
      <th>Mozilla Communities</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Mozilla dino mascot™" src="{{ static('img/trademarks/dino-head.png') }}"></td>
      <th>Mozilla Dino</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Mozilla logo™" src="{{ static('img/trademarks/mozilla-logo-tm.svg') }}"></td>
      <th>Mozilla logo</th>
    </tr>
    <tr>
      <td><img width="100" alt="Mozilla reps logo™" src="{{ static('img/trademarks/logo-mozilla-reps.png') }}"></td>
      <th>Mozilla Reps</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Mozilla small m logo™" src="{{ static('img/trademarks/logo-mozm.png') }}"></td>
      <th>Mozilla small m</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Mozilla Wordmark" src="{{ static('img/trademarks/mozilla-wordmark.svg') }}"></td>
      <th>Mozilla Wordmark</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Mozilla Wordmark + Symbol" src="{{ static('img/trademarks/mozilla-wordmark-symbol.svg') }}"></td>
      <th>Mozilla Wordmark + Symbol</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Pontoon logo™" src="{{ static('img/trademarks/pontoon-logo.svg') }}"></td>
      <th>Pontoon</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="QMO logo™" src="{{ static('img/trademarks/qmo-logo-tm.png') }}"></td>
      <th>QMO</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="SUMO logo™" src="{{ static('img/trademarks/sumo-logo.png') }}"></td>
      <th>SUMO</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Sunbird logo®" src="{{ static('img/trademarks/sunbird-logo-r.png') }}"></td>
      <th>Sunbird</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Symbol" src="{{ static('img/trademarks/symbol.svg') }}"></td>
      <th>Symbol</th>
    </tr>
    <tr>
      <td><img width="100" height="100" alt="Thunderbird logo®" src="{{ static('img/logos/thunderbird/logo-thunderbird.svg') }}"></td>
      <th>Thunderbird</th>
    </tr>
    <tr>
      <td>
        {{ resp_img(
          url='img/trademarks/logo-wordmark-webmaker.png',
          srcset={
            'img/trademarks/logo-wordmark-webmaker-high-res.png': '2x'
          },
          optional_attributes={
            'alt': 'Webmaker logo',
            'width': '100',
            'height': '100'
          }
        ) }}
      </td>
      <th>Webmaker</th>
    </tr>
  </table>

  <h2>Pocket Trademark List</h2>

  <h3>Wordmarks</h3>

  <ul class="mzp-u-list-styled">
    <li>Pocket</li>
    <li>Read It Later</li>
  </ul>

  <h3>Logos</h3>

  <img width="300" alt="Pocket wordmark®" src="{{ static('img/trademarks/pocket.png') }}">

  <p>Website Logo and Wordmark</p>
  <p>Pocket logos:</p>
  <table class="mzp-u-data-table">
    <tr>
      <td>
        <p>Mac</p>
        <img width="100" height="100" alt="Pocket Mac logo®" src="{{ static('img/trademarks/pocket_mac.png') }}">
      </td>
      <td>
        <p>Android</p>
        <img width="100" height="100" alt="Pocket Android logo®" src="{{ static('img/trademarks/pocket_android.png') }}">
      </td>
    </tr>
    <tr>
      <td>
        <p>iOS</p>
        <img width="100" height="100" alt="Pocket iOS logo®" src="{{ static('img/trademarks/pocket_ios.png') }}">
      </td>
      <td>
        <p>Other Apps</p>
        <img width="100" height="100" alt="Pocket other apps logo®" src="{{ static('img/trademarks/pocket_other-apps.png') }}">
      </td>
    </tr>
  </table>

  <h2>Sample Attribution Notices</h2>

  <p>For all of the above Mozilla trademarks, sample attribution notices are as follows.</p>
  <ul class="mzp-u-list-styled">
    <li>
      <p>For example, if using the Firefox wordmark:</p>
      <p>“Firefox is a trademark of the Mozilla Foundation in the U.S. and other countries.”</p>
    </li>
    <li>
      <p>If using the Firefox logo:</p>
      <p>"The Firefox logo is a trademark of the Mozilla Foundation in the U.S. and other
  countries.”</p>
    </li>
    <li>
      <p>If using the Mozilla and Firefox wordmarks and the Firefox logo:</p>
      <p>“Mozilla, Firefox and the Firefox logo are trademarks of the Mozilla Foundation in the
  U.S. and other countries.”</p>
    </li>
  </ul>

  <p>For all of the above Pocket trademarks, sample attribution are as follows.</p>
  <ul class="mzp-u-list-styled">
    <li>
      <p>If using the Pocket wordmark:</p>
      <p>“Pocket is a trademark of Read It Later, Inc. in the U.S. and other countries.”</p>
    </li>
    <li>
      <p>If using the Pocket logo:</p>
      <p>“The Pocket logo is a trademark of Read It Later, Inc. in the U.S. and other countries.”</p>
    </li>
  </ul>

{% endblock %}
